﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MainPage.aspx.cs" Inherits="MainPage" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" style="height: 100%; width: 100%">
<head runat="server">
    <title>My E-Family</title>
    <link rel="stylesheet" href="Content/ControlStyles.css" type="text/css" media="screen" />
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <script src="Scripts/MyReminder.js" type="text/javascript"></script>
</head>
<body style="height: 95%; width: 100%">
    <form id="form1" runat="server" style="height: 100%; width: 100%">
    <div style="height: 100%; width:100%; position: absolute">
        <table style="width: 100%; height: 100%; position: absolute">
            <tr style="width: 100%">
                <td style="height: 100%; width: 25%">
                    <div style="height: 30%; width: 100%">
                        <p>My Reminders</p>
                        <asp:ListBox ID="remindersLB" runat="server" style="height: 100%; width: 100%"></asp:ListBox>
                        <a onclick="CreateNewReminder()" href="#" id="newB" style="text-decoration: none">New...</a>  <a href="#" id="editB" onclick="LoadReminderData()" style="text-decoration: none">Edit...</a> <a href="#" id="removeB" onclick="RemoveReminder()" style="text-decoration: none">Remove...</a>
                    </div>
                </td>
                <td style="height: 100%; width: 75%">
                    <iframe id="contentFrame" style="width: 100%; height: 100%"></iframe>
                </td>
            </tr>
        </table>
    </div>
    <div id="createReminderDialog" title="Reminder" style="display: none">
        <table id="reminderContent" style="padding: 4px; width: 100%; resize: none;">
            <tr>
                <td>ID:</td>
                <td>
                    <asp:TextBox ID="requestIDTF" runat="server" Enabled="false" Width="50%" BackColor="LightGray"></asp:TextBox>
                </td>
                <td></td><!--Empty for design purposes-->
            </tr>
            <tr>
                <td>Subject:</td>
                <td colspan="2">
                    <asp:TextBox ID="subjectTF" runat="server" Width="100%"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>Body:</td>
                <td colspan="2" style="resize: none">
                    <asp:TextBox ID="contentTA" runat="server" Width="100%" Height="100%" CssClass="textarea" TextMode="MultiLine"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td style="text-align: center; color:#767272" colspan="2">Time</td>
            </tr>
            <tr>
                <td></td>
                <td>Hour: <asp:DropDownList ID="hourCB" runat="server"></asp:DropDownList>  Minute: <asp:DropDownList ID="minuteCB" runat="server"></asp:DropDownList></td>
            </tr>
            <tr>
                <td></td>
                <td>AM:<asp:RadioButton ID="amRB" runat="server" GroupName="defaultGroup" /></td>
            </tr>
            <tr>
                <td></td>
                <td>PM:<asp:RadioButton ID="pmRB" runat="server" GroupName="defaultGroup" /></td>
            </tr>
            <tr>
                <td style="text-align: center; color:#767272" colspan="2">Date</td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <asp:TextBox ID="dateChooser" runat="server"></asp:TextBox>
                </td>
            </tr>
            
            <tr>
                <td></td>
                <td>
                    <asp:CheckBox ID="reoccuringChkB" runat="server" Text="Reoccuring?" />
                </td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <asp:Label Text="Every:" ID="reoccuringTypeL" CssClass="hide" runat="server"></asp:Label> <asp:DropDownList ID="reoccuringTypeCB" CssClass="hide" runat="server" />
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>
